import React,{memo} from 'react';
import "../../../assets/Layout/rizhi.scss";
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import RizhiList from './mode/rizhi'

function RIzhi(){
  const onChange = (key: string) => {
    console.log(key);
  };

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '我的日志',
      children: <RizhiList/>,
    },
    {
      key: '2',
      label: '私密日记',
      children: <RizhiList/>,
    },
    {
      key: '3',
      label: '草稿箱',
      children: <RizhiList/>,
      icon: <i className="iconfont mt-jifen-xianxing"></i>
    },
    {
      key: '4',
      label: '回收站',
      children: <RizhiList/>,
      icon: <i className="iconfont mt-zhongzhuanzhan-xianxing"></i>
    },
  ];
   return <>
      <div className="rizhi-main">
        <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
      </div>
   </>
}
export default memo(RIzhi)
